﻿<%@ Page Language="VB" MaintainScrollPositionOnPostback="true" ClientIDMode="AutoID" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Default4" %>

<%@ Register src="Controls/PriceTableControl.ascx" tagname="PriceTableControl" tagprefix="uc1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Content/AJAX.css" rel="stylesheet" />
    <link href="Content/pcss3mm.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans" />
    <link href="Content/PriceTable.css" rel="stylesheet" />		
		<!--[if lt IE 10]>
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
			<script src="js/jquery.placeholder.min.js"></script>
		<![endif]-->
    <link href="Content/scrollstyle.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script src="Scripts/script.js"></script>
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /><meta name="viewport" content="width=device-width" />
    <link href="Content/Site.css" rel="stylesheet"/>
<script src="Scripts/modernizr-2.5.3.js"></script>

</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"></asp:ScriptManager>


<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.20.js" type="text/javascript"></script>
        
<asp:Panel ID="head" runat="server">
     <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">
                    <a href="./">your logo here</a>
                </p>
            </div>
            <div class="float-right">
                <section id="login">

                    <ul>
                        <li><a href="Account/Register.aspx" id="ctl13_registerLink">Register</a></li>
                        <li><a href="Account/Login.aspx" id="ctl13_loginLink">Log in</a></li>
                    </ul>

                </section>
                <%--    <nav class="nav">

        <div class="navSection nav-section"><a id="nav1" href="">Introduction</a> |</div>
        <div class="navSection nav-section"><a id="nav2" href="">Code Examples</a> |</div>
        <div class="navSection nav-section"><a id="nav3" href="">Explanation</a> |</div>
        <div class="navSection nav-section"><a id="nav4" href="">More Explanation</a></div>
    </nav>--%>
                <div class="clear"></div>
                <br />
                <nav class="nav">
                    <ul id="pcss3mm" class="pcss3mm">
                        <!-- Home -->
                        <li class="right">
                            <div class="navSection nav-section"><a id="nav1" href="">Home</a></div>
                        </li>
                        <!--/ Home -->
                        <!-- Works -->
                        <li class="right">
                            <div class="navSection nav-section"><a id="nav2" href="">How It Works</a></div>
                        </li>
                        <!--/ Works -->
                        <!-- Questions -->
                        <li class="right">
                            <div class="navSection nav-section"><a id="nav3" href="">Questions</a></div>
                        </li>
                        <!--/ Questions -->
                        <!-- Pricing -->
                        <li class="right">
                            <div class="navSection nav-section"><a id="nav4" href="">Pricing</a></div>
                        </li>
                        <!--/ Pricing -->
                        <!-- Free -->
                        <li class="right">
                            <div class="navSection nav-section"><a id="nav5" href="">Try it Free</a></div>
                        </li>
                        <!--/ Free -->
                    </ul>
                </nav>
            </div>
        </div>
    </header>
 </asp:Panel>
    <div id="body">
    
        <div class="content">
            <section id="s1" class="section1 content-wrapper main-content clear-fix" style="background-color: aquamarine">
                <div class="section-heading">Home</div>
                <p>
                    This is a demo on displaying an element by scrolling to the<br />
                    elements position. To demonstrate this, the sections will be filled<br />
                    with dummy text to have it enough height so that scroll can be done.<br />
                    I will simply add more text in the form of explanation just to increase<br />
                    the content, along with helping to understand it in a better.
                </p>
                <p>
                    Here we use jQuery to help us in DOM manipulation. The contents<br />
                    are placed inside article tag which has it's height set to 300px<br />
                    with overflow-y set to scroll. So if the content height is greater<br />
                    than 300px scrollbar appears. You can reduce the browser width so<br />
                    that contents wraps and we have a better scroll area.
                </p>
                <p>
                    To view the demo, click the on the top navigation links. On<br />
                    clicking the navigation link, the page will be scrolled down to<br />
                    the corresponding section. The scrolling will be smooth and the<br />
                    duration, scroll effect like easing can be specified.
                </p>
                <p>
                    In order to scroll smoothly we make use of jQuery.animate() API<br />
                    which is explained at http://api.jquery.com/animate/ website.<br />
                </p>
            </section>
            <section id="s2" class="section2 content-wrapper main-content clear-fix" style="background-color: aliceblue">
                <div class="section-heading">How It Works</div>
                <div style="height:600px"></div>
                                    
                    

            </section>
            <section id="s3" class="section3 content-wrapper main-content clear-fix" style="background-color: beige">
                <div class="section-heading">Questions</div>
                <div style="height:600px"></div>

            </section>
            <section id="s4" class="section4 content-wrapper main-content clear-fix" style="background-color: cadetblue">
                <div class="section-heading">Pricing</div>
                <div style="height:600px"></div>

            </section>
            <section id="s5" class="section4 content-wrapper main-content clear-fix" style="background-color:coral">
                <div class="section-heading">Try it Free</div>
                <div style="height:600px">

                    <uc1:PriceTableControl ID="PriceTableControl1" runat="server" />

                </div>
            </section>
        </div>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="nofloat">
                <div style="text-align: center; font-size: 13px;">
                        <p>
                        <a id="HyperLink1">Copyright&copy;</a>
                        |<a id="HyperLink2">Earnings</a>
                        |<a id="HyperLink11" href="privacy.aspx">Privacy</a>
                        |<a id="HyperLink4">Terms & Conditions</a>
                        |<a id="HyperLink5">Disclaimer</a>|<a id="HyperLink6">Cookie Policy</a>
                    </p>
                    - My ASP.NET Application
                <p>&copy; 2013 - My ASP.NET Application</p></div>
                
            </div>
        </div>
    </footer>
    


    </form>

  
</body>
</html>
